<template>
	<view>
		<nav-bar :v-if="false" :title="navTitle">
			<view slot="right">
<!-- 				<image v-if="!showSelectAll" class="right_icon" :src="changeIconUrl" @click="openNewFolderDialog"></image>
				<image v-if="!showSelectAll" class="right_icon" :src="messageIconUrl"></image>
 -->				
 <!-- <view v-if="showSelectAll" class="right-text" @click="onSelectAllClick">全选</view> -->
			</view>
		</nav-bar>

		<documentList style="height: 100%;" :searchPid="searchPid">
			
		</documentList>
	
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue'
	import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
	import ytUploads from "@/components/yt-uploads/yt-uploads.vue"
	import documentBottomMenu from './_compoments/documentBottomMenu.vue'
	import documentList from './_compoments/documentList.vue'
	import CONSTS from '@/common/biz/consts.js'
	import Http from '@/common/http';

	import test_doclist from "@/common/test_jsons/test_doclist.js"
	import {
		searchEnterPriseDoc,
		GetOctpusEnterPriseDataList,
		DeleteEnterPriseData,
		UpdateDocEntDocName,
	} from '@/services/document.js';

	import fileUtil from "@/utils/fileUtil.js";
	import {
		mapState,
		mapMutations
	} from 'vuex';
	export default {
		components: {
			documentList
		},

		data() {
			return {
				searchPage: -1,
				searchPid: '0',
			}
		},

		onLoad(e) {
			this.searchPid = e.searchPid
			this.navTitle = e.dirName
		},
	}
</script>

<style scoped lang='scss'>
	.page-header {
		height: 88upx;
		background-color: #2C405A;
		z-index: 1000;
	}

	.search_box {
		width: 550upx;
		height: 32px;
		background: rgba(0, 0, 0, 0.04);
		border-radius: 4px;
		filter: blur(0px);


		padding-left: 30upx;
		margin-left: 32upx;
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.search_tip {
		height: 17px;
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #000;
		line-height: 17px;
	}

	.search_icon {
		width: 40upx;
		height: 40upx;
	}

	.right-text {
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.45);
		line-height: 20px;
		margin-right: 30upx;
	}

	.right_icon {
		width: 32upx;
		height: 32upx;
		padding: 15upx;
		border-radius: 25px;
		border: 1px solid rgba(255, 255, 255, 1.0);
		margin-right: 20upx;
		background-color: #FFFFFF;
	}

	.search-doc-lay {
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
		height: 90vh;
	}

	.item-one {
		display: flex;
		flex-direction: row;
		padding: 30upx;
		justify-content: space-between;
	}

	.item-img {
		width: 50upx;
		height: 50upx;
	}

	.item-name {
		font-size: 32upx;
		width: 70vw;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.65);
		margin-left: 48upx;
		max-lines: 2;

	}

	.item-cutoff {
		width: 95vw;
		height: 2upx;
		margin-left: 5vw;
		background-color: #D3D3D3;
	}

	.info-content {
		padding: 32upx;
		background: #FFFFFF;
		border-radius: 10px 10px 0px 0px;
	}

	.head-file {
		display: flex;
		flex-direction: row;
	}

	.item-name {
		font-size: 16px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.65);
		line-height: 22px;
	}

	.info-cutoff {
		height: 1px;
		background: rgba(0, 0, 0, 0.07);
		box-shadow: 0px 1px 0px 0px #FFFFFF;
		margin-top: 32upx;
		margin-bottom: 32upx;
	}

	.info-title {
		font-size: 14px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.85);
		line-height: 17px;
	}

	.info-value {
		font-size: 12px;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: rgba(0, 0, 0, 0.45);
		line-height: 17px;
	}

	.info-line {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		padding: 24upx;
	}

	.update-content {
		padding: 32upx;
		background: #FFFFFF;
		border-radius: 10px 10px 10px 10px;
	}
	
	.update-buttons {
		padding: 10upx 100upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		
		.update-button-ok {
			color: #007AFF;
		}
		
		.update-button-cancel {
			color: #8F8F94;
		}
	}
</style>
